@include('admin\header')
    <!-- DataTables-->
    <link rel="stylesheet" href="{{asset('admin/plugins/dataTables/css/dataTables.css')}}">
    <!-- Fonts -->
    <!-- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> -->
    <!-- Feature detection -->
    <script src="{{asset('admin/js/modernizr-2.6.2.min.js')}}"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
    <script src="assets/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <section id="container">
        @include('admin\nav')
        @include('admin\laside')
        <!--main content start-->
        <section class="main-content-wrapper">
            <section id="main-content">
                <div class="row">
                    <div class="col-md-12">
                        <!--breadcrumbs start -->
                        <ul class="breadcrumb">
                            <li><a href="#">Dashboard</a>
                            </li>
                            <li>UI Elements</li>
                            <li class="active">Date Tables</li>
                        </ul>
                        <!--breadcrumbs end -->
                        {{--<h1 class="h1">商品列表</h1>--}}
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">查看商品信息</h3>
                                <div class="actions pull-right">
                                    <i class="fa fa-chevron-down"></i>
                                    <i class="fa fa-times"></i>
                                </div>
                            </div>
                            <div class="panel-body">
                                <table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th>栏目ID</th>
                                            <th>栏目名称</th>
                                            <th>parent_id</th>


                                            <th>操作</th>



                                        </tr>
                                    </thead>

                                    <tbody>
                                    @forelse($catlist as $v)
                                        <tr>
                                            <td>{{$v->cat_id}}</td>
                                            <td>{{$v->cat_name}}</td>

                                            <td>{{$v->parent_id}}</td>

                                            <td><a href="{{url('catedit')}}/{{$v->cat_id}}">编辑</a> | <a href="{{url('catdel')}}/{{$v->cat_id}}">删除</a></td>
                                        </tr>
                                        @empty
                                    暂无栏目
                                        @endforelse

                                    </tbody>

                                </table>


                            </div>
                        </div>
                    </div>
                </div>

            </section>
        </section>
        <!--main content end-->
        @include('admin\raside')
    </section>
    <!--Global JS-->
    <script src="{{asset('admin/js/jquery-1.10.2.min.js')}}"></script>
    <script src="{{asset('admin/plugins/bootstrap/js/bootstrap.min.js')}}"></script>
    <script src="{{asset('admin/plugins/waypoints/waypoints.min.js')}}"></script>
    <script src="{{asset('admin/plugins/nanoScroller/jquery.nanoscroller.min.js')}}"></script>
    <script src="{{asset('admin/js/application.js')}}"></script>
    <!--Page Leve JS -->
    <script src="{{asset('admin/plugins/dataTables/js/jquery.dataTables.js')}}"></script>
    <script src="{{asset('admin/plugins/dataTables/js/dataTables.bootstrap.js')}}"></script>
    <script>
    $(document).ready(function() {
        $('#example').dataTable(function(){
            pageLength: 10,//数据条数
        });
    });
    </script>

</body>

</html>
